/*header*/
.header{position:fixed; top:0; left:0; right:0; z-index:997; height:158px; padding:0 6%; border-bottom:1px solid #E4E7ED; background:#FFF;}
.header-spacer{height:124px; overflow:hidden;}
.header-logo{float:left; display:block; width:448px; height:43px; padding-top:13px;}
.header-share{float:right; padding-top:20px; text-align:right; font-size:0;}
.header-share li{display:inline-block; width:28px; height:28px; margin-left:9px; border-radius:50%;}
.header-share li a{display:block; width:28px; height:28px; background:url(../images/common/icon_header_share.png) no-repeat;}
.header-share li a.qzone{background-position:right 0;}

.header-menu{float:left; margin:8px 0 0; padding:0;}

.header-menu dl{float:left;}
.header-menu dt{padding:0 20px;}
.header-menu dt a{display:block; height:100px; line-height:100px; font-size:16px; color:#363636; white-space:nowrap;}
.header-menu dl:hover dt a, .header-menu dl.on dt a{color:#DF1428;}
.header-menu dl dt a.active{color:#DF1428;}
.header-menu dd{display:none; position:absolute; top:150px; left:0; right:0; z-index:9; width:100%; padding-bottom:30px; border-top:1px solid #E4E7ED; background:#FFF;}
.header-menu .panel-inner{padding:30px 13%;}
.header-menu .sub-nav{margin-bottom:30px;}
.header-menu .sub-nav li{float:left; margin-right:50px;}
.header-menu .sub-nav li a{font-size:16px; color:#DF1428;}
.header-menu .sub-nav li a:hover{font-size:16px; color:#CC0000;}
.header-menu .panel-content{padding-bottom:1px;}
.header-menu .panel-news{display:block; color:#4B4A4A;}
.header-menu .panel-news .title{margin-bottom:10px; height: 25px; overflow: hidden; font-size:18px; color:#000;}
.header-menu .panel-news .content{margin-bottom:10px; line-height:30px; height: 120px; overflow: hidden; font-size:15px; color:#4B4A4A;}
.header-menu .panel-news .picture{width:300px; margin-bottom:10px; height:190px;overflow: hidden;}
.panel-content .panel-solution .picture{
	width: 100%;
	height: 200px;
	overflow: hidden;

}

.header-menu .panel-news .picture img{width:100%;}
.header-menu .panel-news .more{display:block; width:165px; height:46px; line-height:46px; text-align:center; font-size:16px; color:#FFF; background:#DF1428;}
.header-menu .panel-news .arrow{display:block; width:20px; height:20px; border:1px solid #DF1428; border-radius:50%; text-align:center; line-height:20px; font-weight:bold; color:#DF1428;}
.header-menu .panel-news1{float:left; width:30%; margin-right:5%;}
.header-menu .panel-news2{float:left; width:30%; margin-right:5%;}
.header-menu .panel-news3{float:right; width:30%;}

.header-menu .panel-pro-subnav{position:relative; float:left; width:24%; height:300px;}
.header-menu .panel-pro-subnav ul{width:70%; border-right:1px solid #E2E2E2; height:300px;}
.header-menu .panel-pro-subnav li{height:46px;}
.header-menu .panel-pro-subnav li i{display:none; position:absolute; right:-44%; top:20px; z-index:2; width:8px; height:14px; background:url(../images/common/arrow9.png) no-repeat;}
.header-menu .panel-pro-subnav .subnav-trigger{position:relative; display:block; width:100%; height:46px; line-height:46px; border-bottom:1px solid #E2E2E2; font-size:14px; color:#4B4A4A;}
.header-menu .panel-pro-subnav .subnav-panel{display:none; position:absolute; right:0; top:0; z-index:3; width:50%; height:100%; margin-left:-1px;}
.header-menu .panel-pro-subnav .subnav-panel a{display:block; padding-left:25%; line-height:22px; margin-top: 8px; font-size:14px; color:#DF1428;}
.header-menu .panel-pro-subnav li.on .subnav-trigger{border-bottom-color:#DF1428; color:#DF1428;}
.header-menu .panel-pro-subnav li.on i{display:none;}
.header-menu .panel-pro-subnav li.on .subnav-panel{display:block;}
.header-menu .panel-pro-new{float:left; width:71%; overflow:hidden;}
.header-menu .panel-pro-new .title{margin-bottom:40px; font-size:18px;}
.header-menu .panel-pro-new li{width:31%; float:left;  margin-right:15px}


.header-menu .panel-pro-new li:first-child{float:left;}
.header-menu .panel-pro-new li img{width:100%; height:auto; transition: all 1.0s ease-in-out; }
.header-menu .panel-pro-new li :hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.header-menu .panel-pro-new li .img{width:36%; margin-right:4%; float:left; overflow:hidden;}
.header-menu .panel-pro-new li .imgs{width:36%; margin-right:4%; float:left; overflow:hidden; border:1px solid #EFEFEF;}
.header-menu .panel-pro-new li .txt{width:100%; float:left; line-height:40px; font-size:16px; color:#666; text-align:center; border-bottom:1px solid #E6E6E6;}
.header-menu .panel-pro-new li .txt em{display:block; margin-bottom:10px; font-size:16px; color:#333;}
.header-menu .panel-pro-new li .js{width:60%; float:left; line-height:24px; font-size:14px; color:#666; margin-top:10px; overflow:hidden; clear:both;}
.header-menu .panel-solution{float:left; display:block; width:25%;  margin-bottom:40px; padding-bottom:1px; margin-right:5%; color:#333; zoom:1;}

.panel-content .panel-solution .picture img{
	height: 100%; transition: all 1.0s ease-in-out;
}
.header-menu .panel-solution :hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.header-menu .panel-solution:last-child{margin:0;}
.header-menu .panel-solution .title{display:block; margin-bottom:10px; font-size:16px; height: 50px;}
.header-menu .panel-solution .arrow{display:block; width:20px; height:20px; margin:20px 0; border:1px solid #DF1428; border-radius:50%; text-align:center; line-height:20px; font-weight:bold; color:#DF1428;}

/*header fun*/
.header-fun{float:right; padding-top:30px; font-size:16px;}
.header-fun .fun-nav{float:left; padding-right:0px; font-size:0;}
.header-fun .fun-nav li{display:inline-block; float: left; height:14px; padding:0 10px; line-height:14px; border-right:1px solid #C6C6CA;}
.header-fun .fun-nav li a{font-size:14px; color:#4B4A4A;}
.header-fun .fun-nav li a:hover{color:#DF1428;}
.header-search{float:right;}
.header-search .icon-search{display:inline-block; width:18px; height:18px; vertical-align:middle; overflow:hidden; text-indent:-9999px; background:url(../images/common/search_icon.png);}
.header-search > .icon-search{margin-top:-4px;}
.header-search-panel{display:none; right:-20px; top:18px; width:180px; overflow:hidden;}
.header-search-panel input{float:left; width:160px; border:0; padding:0; border-bottom:1px solid #E2E2E2;}
.header-search-panel a{float:left; display:block;}
.header-link{width:100%; height:40px; position:relative; margin-bottom:18px;}
.header-link p{padding-left:15px; height:30px; line-height:30px; border:1px solid #E2E2E2; background:url(../images/common/arrow.png) #fff 95% center no-repeat; font-size:14px; color:#999; cursor:pointer;}
.header-link ul{width:300px; border:1px solid #E2E2E2; border-left:none;  background:#FFF; position:absolute; top:30px;left:0;   display:none;}
.header-link ul li{line-height:28px; border-left:1px solid #E2E2E2;}
.header-link ul li a{display:block; padding-left:15px; font-size:14px; color:#888;}
.header-link ul li a:hover{background:#F5F5F5;}